$(".tab-nav div").click(function(){
	// 样式显示
	$(this).addClass('active').siblings().removeClass('active');
	$(this).find('.line').show();
	$(this).siblings().find('.line').hide()
	
	// 获取下标
	let index = $(this).index();
	console.log(index);
	
	
	// 切换逻辑
	if(index==1){
		$(".list-2").show().siblings().hide();
		$(".header").show();
		$(".tab-nav").show();
	}else if(index == 2){
		$(".list-3").show().siblings().hide();
		$(".header").show();
		$(".tab-nav").show();
	}else if(index == 3){
		$(".list-4").show().siblings().hide();
		$(".header").show();
		$(".tab-nav").show();
	}else{
		$(".list-1").show().siblings().hide();
		$(".header").show();
		$(".tab-nav").show();
	}
	
	
	
})